<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue学</title>
</head>
<body>
<div id="content">
</div>
<script type="text/javascript" src="/libs/datashow/js/vue.min.js"></script>
<script type="text/javascript" >

// 创建VUE, 所有的 Vue 组件都是 Vue 实例, 树形结构
var vm = new Vue({
	el: '#content',
	data: "scn_data",
	methods: {
		details: function() {

		}
	}
})

var data = { a: 1 }
var vm = new Vue({
  el: '#content',
  data: data
})

vm.$data === data // => true
vm.$el === document.getElementById('example') // => true

// $watch 是一个实例方法
vm.$watch('a', function (newValue, oldValue) {
  // 这个回调将在 `vm.a` 改变后调用
})
</script>
</body>
</html>